import { Descriptions } from 'antd'
import styles from './index.module.less'

const Dashboard = () => {
  return (
    <div className={styles.dashboard}>
      <div className={styles.userInfo}>
        <img className={styles.userImg} src='/imgs/avata.png' alt='' />
        <Descriptions title='欢迎你英雄，每天都要努力哦。'>
          <Descriptions.Item label='姓名'>周毛毛</Descriptions.Item>
          <Descriptions.Item label='手机号'>1800151234567</Descriptions.Item>
          <Descriptions.Item label='邮箱'>409223171@qq.com</Descriptions.Item>
          <Descriptions.Item label='备注'>empty</Descriptions.Item>
          <Descriptions.Item label='住址'>常福街道</Descriptions.Item>
        </Descriptions>
      </div>
      <div className={styles.report}>
        <div className={styles.card}>
          <div className='title'>司机数量</div>
          <div className={styles.data}>211</div>
        </div>
        <div className={styles.card}>
          <div className='title'>总流水</div>
          <div className={styles.data}>25896369</div>
        </div>
        <div className={styles.card}>
          <div className='title'>总订单</div>
          <div className={styles.data}>69852</div>
        </div>
        <div className={styles.card}>
          <div className='title'>开通城市</div>
          <div className={styles.data}>169</div>
        </div>
      </div>
    </div>
  )
}

export default Dashboard
